/* ------ STYLES FOR SPANISH PAGES ------- */ 

.espanol #activity #step_by_step h4.extra_extend {
	height: 40px;
}

.espanol #activity #step_by_step h4.engage {
	background: url(/img/decorative/sp-5Es_spanish.gif) no-repeat 0 -8px;
}

.espanol #activity #step_by_step h4.explore {
	background: url(/img/decorative/sp-5Es_spanish.gif) no-repeat 0 -60px;
}

.espanol #activity #step_by_step h4.explain {
	background: url(/img/decorative/sp-5Es_spanish.gif) no-repeat 0 -113px;
}

.espanol #activity #step_by_step h4.extend {
	background: url(/img/decorative/sp-5Es_spanish.gif) no-repeat 0 -162px;
}

.espanol #activity #step_by_step h4.extra_extend {
	background: url(/img/decorative/sp-5Es_spanish.gif) no-repeat 0 -200px;
}

.espanol #downloads h2 {
	background: url(/img/decorative/sp-sidebar_headers_spanish.gif) no-repeat 0 -2px;
	height: 20px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

.espanol li object {
	margin-bottom: 20px;
}


/* ------JAVASCRIPT ENABLED STYLES ------- */

.js_enabled .hover {
	cursor: pointer;
}

div#atffc {
	display: none;
}

/* --- MAIN CONTENT AREA ----------*/

p.feedback {
    border-bottom: 1px dashed #BBBBBB;
    border-top: 1px dashed #BBBBBB;
    font-style: oblique;
    margin-bottom: 20px;
    padding: 7px 0;
	width: 785px
}

a.pdf_small {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/bg-pdf_icon_small.gif) no-repeat center right;
	padding-right: 20px;
}

#header {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/bg-paper_stack_top.png) no-repeat center bottom;
	height: 400px;
}

#content {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/bg-paper_stack_middle.png) repeat-y 1px 0;
	padding-top: 22px;
}

#content p.teacher_background {
	border-left: 2px solid #ddd;
	color: #7BA4B9;
	float: right;
	font-family: georgia;
	font-size: 1.6em;
	font-style: oblique;
	margin-left: 30px;
	padding: 0 15px 30px 22px;
	width: 200px
}

#content #activity #lesson_number {
	color: #575656;
	font-size: 1.6em;
}

#activity p {
	font-size: 1.4em;
	line-height: 1.4em;
}

#activity {
	clear: left;
	float: left;
	width: 640px;
}

#activity img {
	padding: 5px 0 20px 40px;
}

#activity dd img {
	float: none;
}

#activity img.step {
	display: block;
	float: right;
}

h1 {
	color: #575656;
	font-size: 3.6em;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 20px;
}

#activity p {
	margin-bottom: 20px;
}

#activity ul li span {
	display: block;
	margin-bottom: 20px;
}

#activity #lesson_overview h3 {
	color: #575656;
	font-size: 1.6em;
	font-weight: bold;
}

#activity #lesson_overview h4 {
	font-size: 1.4em;
	font-style: oblique;
	margin-top: 10px;
}

#activity #step_by_step ol li h3 {
	font-size: .7em;
	font-weight: bold;
}

#activity #step_by_step ol li h5 {
	font-size: .8em;
	font-style: oblique;
	/*font-weight: bold;*/
}

#activity .sub h4 {
	font-size: .7em;
	font-weight: bold;
	margin-top: 20px;
}

#activity h4 {
	color: #555;
	/*font-size: 1.4em;*/
}

#activity ol.AB li h4 {
	font-style: oblique;
	margin-bottom: 20px;
}

#step_by_step li {
	margin-left: 20px;
}

#activity #step_by_step li p + ul {
	position: relative;
	top: -10px;
}

/* This rule is for nested ordered lists within larger "steps "*/

#activity #step_by_step ol li ol.nested_list li {
	font-size: .35em;
	margin-bottom: 7px;
}

#activity #step_by_step ol li ol li p {
	font-size: 1em;
}

#activity #step_by_step ol li p.teacher_background {
	border-left: 2px solid #ddd;
	color: #7BA4B9;
	float: right;
	font-family: georgia;
	font-size: 0.9em;
	font-style: oblique;
	margin-left: 30px;
	padding: 0 15px 30px 22px;
	width: 200px
}

p em {
	font-style: oblique;
}

h2 em {
	font-style: oblique;
	font-weight: bold;
}

p span.first_word {
	font-weight: bold;
}

dl h4 {
	font-style: oblique;
	margin-bottom: 5px;
}

#activity #step_by_step ol li dl {
	font-size: .7em;
	margin-left: 40px;
}

#activity #step_by_step ol li dl dd {
	line-height: 1.4em;
	margin: 2px 0 20px 0;
}

#activity #step_by_step ol li dl dd ul li {
	font-size: 1em;
}

#activity #step_by_step ol li dl dt {
	font-weight: bold;
}

#activity ol {
	color: #575656;
	font-size: 2em;
	list-style: decimal outside;
	margin-bottom: 20px;
}

#activity li p {
	font-size: .7em;
}

#activity ul {
	/*font-size: 1.4em;*/
	list-style: disc outside;
	margin: 10px 0 20px 0;
}

#activity ul li {
	color: #575656;
	font-size: 1.4em;
	margin-left: 30px;
}

#activity #step_by_step li ul li ul li {
	font-size: 1em;
}

#activity #step_by_step h4.ask_subhead {
	font-size: 0.7em;
	font-style: oblique;
	margin-bottom: 5px;
}

h5 {
	margin-left: 20px;
}

#activity #step_by_step li ol {
	color:#575656;
	list-style:decimal outside none;
	margin:10px 0 20px 22px;
}

#activity #step_by_step li h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}

#activity ol ul li {
	font-size: .7em;
	margin-left: 40px;
}

#activity ul li ul.nested_unordered {
	margin-top: 0;
	margin-left: -15px;
}

#activity ol ul {
	list-style: outside;
}

#step_by_step .sub {
	margin-left: 30px;
}

#activity .note {
	font-style: oblique;
}

#activity .note em {
	font-weight: bold;
}

#lesson_overview, .section_header, #step_by_step {
	float: left;
}

.section_header, #step_by_step {
	clear: left;
}

#activity #step_by_step h4.section_header {
	behavior: url(https://ortaogretimkimyasi.googlecode.com/svn/PIE.htc);
	height: 27px;
	margin: -30px 0 0 -21px;
	text-indent: -9999px;
	width: 322px;
}

#activity #step_by_step ol.nested_list li dl {
	font-size: 1em;
}

#activity #step_by_step ol.nested_list li h3 {
	font-size: 1em;
	margin-top: 15px;
}

.nested_list li div {
	margin-bottom: 20px;
}


/* These are the rules that format tables */

table {
	border: 1px solid #575656;
	color: #575656;
	font-size: .7em;
	width: 100%;
	margin-bottom: 20px;
}

table caption {
	font-style: oblique;
	margin-bottom: 10px;
}

table th, table td {
	border: 1px solid #575656;
	padding: 4px;
	text-align: center;
}

table th, table thead {
	font-weight: bold;
	text-align: center;
}

#activity #lesson_overview table {
	font-size: 1.4em;
}

ol.nested_list li table, ol.AB li ol.big_step li table {
	font-size: 1em;
	margin-top: 20px;
}

li ol.AB table {
	font-size: 1em;
}


/* These are the rules for third order nestd lists in activities which have an "A" and "B section "*/

#activity #step_by_step ol.AB li ol.big_step {
	font-size: 1em;
}

#activity #step_by_step ol.AB li ol li p {
	/*font-size: 1.43em;*/
}

#activity #step_by_step ol.AB li h3 {
	font-size: 1.1em;
}

#activity #step_by_step ol.AB ul li {
	font-size: 1em;
}

#activity #step_by_step ol.AB li dt {
	margin-top: 20px;
}

#activity #step_by_step ol.AB li h3 + p {
	margin-top: 0;
}

#activity #step_by_step ol.AB li dt, #activity #step_by_step ol.AB li dd {
	font-size: 1.43em;
}


/* Superscripts and Subscripts  */

sub {
	font-size:0.85em;
	left:0.1em;
	padding-right:0.1em;
	position:relative;
	top:0.5em;
	vertical-align:baseline;
}

sup {
	font-size:0.85em;
	left:0.1em;
	padding-right:0.1em;
	position:relative;
	top:-0.4em;
	vertical-align:baseline;
}

/* These are the rules that for the "Five E" Sprites */

#activity #step_by_step h4.engage {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-5es.gif) no-repeat 0 -8px;
}

#activity #step_by_step h4.explore {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-5es.gif) no-repeat 0 -60px;
}

#activity #step_by_step h4.explain {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-5es.gif) no-repeat 0 -113px;
}

#activity #step_by_step h4.extend {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-5es.gif) no-repeat 0 -164px;
}

#activity #step_by_step h4.extra_extend {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-5es.gif) no-repeat 0 -214px;
}

/* This rule should grab h2s that are immediately preceeded by h4s */
h4 + h2 {
	margin-top: 70px;
	padding-top: 30px;
}

#step_by_step h3 + p {
	/*margin-top: 20px;*/
}

#activity #step_by_step ol.AB {
	font-size: 0.7em;
	list-style-type: upper-alpha;
}


/* ------ SIDEBAR ---------- */

#sidebar {
	float: left;
	margin: 86px 0 0 80px;
	width: 236px;
}

#sidebar div {
	margin-bottom: 42px;
}

#sidebar div p {
	font-size: 1.3em;
	margin-bottom: 20px;
}

#downloads li p, #sidebar #student_reading li p, #sidebar #teaching_resources li p {
	font-size: 0.9em;
}

#sidebar div li {
	font-size: 1.6em;
}

#downloads h2 {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-sidebar_headers.gif) no-repeat;
	height: 20px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

#student_reading h2 {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-sidebar_headers.gif) no-repeat 0 -40px;
	height: 48px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

#related_multimedia h2 {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-sidebar_headers.gif) no-repeat 0 -112px;
	height: 48px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

#other_activities h2 {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-sidebar_headers.gif) no-repeat 0 -182px;
	height: 48px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

#teaching_resources h2 {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/bg-teaching_resources.gif) no-repeat 0 0;
	height: 48px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

.pdf {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/bg-pdf_icon.gif) no-repeat;
	height: 63px;
	margin-bottom: 30px;
	padding-left: 72px;
}

#other_activities ul {
	color: #575656;
	list-style: disc outside;
	margin-left: 19px;
}


#other_activities ul li {
	margin-bottom:7px;
}

#sidebar #chemistry_review p {
	font-size: 1.6em;
}

#related_multimedia li a {
    display: block;
}

#related_multimedia li img {
	margin-bottom: 5px;
}

#related_multimedia li {
	margin-bottom: 30px;
}

#sidebar #student_reading p, #sidebar #teaching_resources p {
	font-size: 1.44em;
}


/* --- TOOLBAR --------- */

#toolbar {
	margin-bottom: 70px;
	margin-top: -65px;
}

#toolbar li {
	float: left;
	height: 38px;
}

#toolbar li a {
	display: block;
	font-size: 1.6em;
	height: 35px;
	padding-left: 50px;
	padding-top: 11px;
}

.shift {
	margin-left: 32px;
}

#toolbar #download {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-activity_board_icons.png) no-repeat 0 -1px;
}

#toolbar #email {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-activity_board_icons.png) no-repeat -1px -45px;
}

#toolbar #print {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-activity_board_icons.png) no-repeat 0 -97px;
}

#toolbar #share {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/sp-activity_board_icons.png) no-repeat 0 -151px;
}

/* ---- FOOTER -------- */

#footer {
	background: url(http://img.webme.com/pic/o/ortaogretimkimyasi/bg-paper_stack_bottom.png) no-repeat 2px top;
	height: 387px;
	margin-top: 0;
	padding-top: 150px;
}